{{ render "layout/header.html" . }}
    <body style="display: flex;place-items: center;height: 90vh;margin: 0 5%;background-color: white;">

        <section class="error-404 py-6">
            <div class="container">
                <div class="row justify-content-center align-items-center">
                    <div class="col-lg-5">
                        <div style="display: flex;flex-direction: column;flex-wrap: wrap;justify-content: flex-end;">
                            <h1>抱歉!</h1>
                                <h3>您访问的页面不存在 <i class="bi bi-emoji-smile"></i>
                            </h3>
                            <p>不要担心，
                                <a href="/">
                                    <span>点击 返回首页 </span>
                                    <i class="bi bi-arrow-return-left" style="font-size: 1.2rem;"></i>
                                </a>
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <div class="error-image">
                            <img src="/static/picture/eror-404.png" width="100%" alt="/">
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </body>
</html>